<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <title>海大珍珠商城</title>
    <meta name="title" content="海大 首页">
    <meta name="keywords" content="海大珍珠商城">
    <meta name="desciption" content="海大珍珠商城是一个专注于……商城">
    <meta name="author" content="loushengyue，于景洲，宛煜，陈泽鹏，庞乃东">
    <link rel="shortcut icon" href="./img/icon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/pay.css">
</head>
<body>
<div class="header">
    <a href="javascript:;" class="header-prev"></a>
    <span class="header-confirm">确认订单</span>
    <span>管理</span>
</div>
<div class="main">
    <div class="message">
        <span class="message-consignee">收货人：谢先生</span>
        <span>电话：136****4321</span>
        <span class="message-address">
            <span></span>收货地址：广东省广州市天河区五山大道1090号
            <a href="javascript:;" class="message-next"></a>
        </span>
    </div>
    <ul class="news">
        <li>
            <img src="img/confirm_order4.png" alt="confirm_order4.png">
            <div class="news-right">
                <span class="news-content">水密码套装补水保湿水乳三四件套秋冬</span>
                <span>滋润少女学生护肤丹姿化妆品</span>
            </div>
            <div class="news-bottom">
                <span class="news-price">￥228.00</span>
                <div class="news-bottom-center">
                    <span class="news-minus">-</span>
                    <span class="news-number">1</span>
                    <span class="news-plus">+</span>
                </div>
            </div>
        </li>
    </ul>
    <div class="mode">
        <span>配送方式</span>
        <span class="mode-act1">快递 免邮</span>
        <span class="mode-act2"></span>
    </div>
    <div class="mode mode-1">
        <span>运费险</span>
        <span class="mode-act1 act1">未选择</span>
        <span class="mode-act2"></span>
    </div>
    <div class="mode mode-1">
        <span>买家留言:</span>
        <span class="mode-act3">选填 填写内容已和卖家协商确认</span>
    </div>
    <div class="mode mode-1 mode-2">
        <span>共一件商品</span>
        <span class="mode-act4">小计:<i>￥228.00</i></span>
    </div>
</div>
<div class="footer">
    <span>合计金额:</span>
    <span class="footer-price">￥228.00</span>
    <a href="#" class="footer-submit">提交订单</a>
</div>
<div class="pay">
    <div class="background-color"></div>
    <div class="pay-wrap">
    <div class="pay-payment">
        <span class="payment-close"></span>
        <span class="payment-affirm">确认付款</span>
        <span class="payment-help"></span>
    </div>
    <div class="pay-sum">
        <span class="sum-act1">￥228.00</span>
        <span>支付宝账号</span>
        <span class="sum-act2">133******89</span>
    </div>
    <div class="pay-mode">
        <span>付款方式</span>
        <span class="pay-mode-act1">余额宝</span>
        <span class="pay-mode-act2"></span>
    </div>
    <div class="pay-immediate">
        <a href="javascript:;" class="immediate-act">立即付款</a>
    </div>
    </div>
</div>

<script src="lib/zepto-1.2.0.js"></script>
<script src="lib/resetRem.js"></script>
</body>
</html>